<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
		<link rel="stylesheet" href="./lib/jquery/jquery.mobile-1.4.5.min.css">
		<script src="./lib/jquery/jquery-1.9.1.min.js"></script>
		<script src="./lib/jquery/jquery.mobile-1.4.5.min.js"></script>
	</head>
<body>

<div data-role="page" style="background-image: url(image/b.png);background-repeat: no-repeat;">
	<!-- <div data-role="header">
    	<h1>首页</h1>
  	</div> -->

  	<div data-role="main" class="ui-content">
  		<div class="ui-grid-solo">
	      <div class="ui-block-a">
	        <a href="#pagetwo" data-transition="pop" class="ui-btn ui-corner-all ui-shadow" data-position-to="window">开始游戏</a>
	      </div>
	    </div>
  		<div class="ui-grid-a">
	      	<div class="ui-block-a">
	        	<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all" data-position-to="window">规则</a>
	      	</div>

	      	<div class="ui-block-b" style="text-align: right;">
	        	<a href="#" class="ui-btn ui-btn-inline ui-corner-all">奖品</a><br>
	      	</div>
	    </div>
    	<!-- <a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">规则</a> -->

    	<div data-role="popup" id="myPopup" class="ui-content" data-overlay-theme="b">
	      	<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">关闭</a>
	      	<p><b>规则:</b> 你也可以通过点击弹窗外的区域来关闭弹窗。</p>
    	</div>
  	</div>

  	<!-- <div data-role="footer">
    	<h1>底部文本</h1>
  	</div> -->
</div> 

<!-- <div data-role="page" data-dialog="true" id="pagetwo">
  <div data-role="header">
    <h1>我是一个对话框！</h1>
  </div>

  <div data-role="main" class="ui-content">
   <p>点击链接跳转到第一个页面。 <b>注意</b>: 淡入（fade）是默认的。</p>
    <a href="#pageone">跳转到第一个页面</a>
    <p><b>提示是：</b> 你可以通过点击顶部的 X 按钮来关闭对话框。它将自动过渡回前一个页面，与弹出的效果一致。</p>
  </div>

  <div data-role="footer">
    <h1>对话框底部文本</h1>
  </div>
</div> --> 

</body>
</html>
